<template>
  <!-- 系统管理-日志管理 -->
  <div class="app-container">
    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
      <el-tab-pane label="登录日志" name="first">
        <login-log></login-log>
      </el-tab-pane>
      <el-tab-pane label="操作日志" name="second">
        <oper-log></oper-log>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>
import {ref} from 'vue'
import LoginLog from "@/components/view/system/log/loginLog.vue";
import OperLog from "@/components/view/system/log/operLog.vue";

const activeName = ref('first')

const handleClick = (tab, event) => {
  console.log(tab, event)
}
</script>

<style scoped>
.app-container {
  padding: 10px;
}

.demo-tabs > .el-tabs__content {
  padding: 32px;
  color: #6b778c;
  font-size: 32px;
  font-weight: 600;
}
</style>